<!DOCTYPE html>
<html>
<head>
    <title>绥化第十中学</title>
    <link href="/static/backup/assets/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet"/>
    <link href="/static/backup/assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet"/>
    <link href="/static/backup/assets/plugins/jstree/themes/default/style.min.css" rel="stylesheet" />
    <link href="/static/backup/assets/plugins/datatables/css/dataTables.bootstrap.min.css" rel="stylesheet"/>
    <link href="/static/backup/assets/plugins/select/css/select.bootstrap.min.css" rel="stylesheet"/>
    <link href="/static/backup/assets/plugins/bootstrap-datetimepicker/css/bootstrap-datetimepicker.min.css"/>
    <link href="/static/backup/assets/plugins/select2/css/select2.min.css" rel="stylesheet"/>
    <link href="/static/backup/assets/css/index.css" rel="stylesheet"/>
</head>
<body>

<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
    <div class="navbar-header">
        <button type="button" class="navbar-toggle" data-toggle="collapse"
                data-target="#example-navbar-collapse">
            <span class="sr-only">切换导航</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
        </button>
        <a class="navbar-brand" href="#">绥化十中</a>
    </div>
    <div class="collapse navbar-collapse" id="example-navbar-collapse">
        <ul class="nav navbar-nav">
            <li class="dropdown">
                <a href="#" id="role" class="dropdown-toggle" data-toggle="dropdown">
                    <span id="role_menu_title">我是...</span><b class="caret"></b>
                </a>
                <ul class="dropdown-menu role_menu_list">
                    {% for group in groups %}
                        <li><a href="{% url "base.views.page" group.pk %}">{{ group.summary }}</a></li>
                    {% endfor %}
                </ul>
            </li>
            <li class="dropdown">
                <a href="#" id="obj" class="dropdown-toggle" data-toggle="dropdown">
                    <span id="object_menu_title">管理...</span><b class="caret"></b>
                </a>
                <ul class="dropdown-menu object_menu_list">

                </ul>
            </li>
        </ul>
    </div>
</nav>
<div class="container" id="content_panel">

</div>

<div class="page-footer">
    <div class="page-footer-inner">
        2014 &copy; Metronic by keenthemes. <a href="#"
                                               title="Purchase Metronic just for 27$ and get lifetime updates for free"
                                               target="_blank">Purchase Metronic!</a>
    </div>
    <div class="scroll-to-top">
        <i class="icon-arrow-up"></i>
    </div>
</div>
<script src="/static/backup/assets/jquery.js"></script>
<script src="/static/backup/assets/plugins/bootstrap/js/bootstrap.min.js"></script>

<script src="/static/backup/assets/plugins/datatables/js/jquery.dataTables.min.js"></script>
<script src="/static/backup/assets/plugins/select/js/dataTables.select.min.js"></script>
<script src="/static/backup/assets/plugins/bootstrap-datetimepicker/js/bootstrap-datetimepicker.min.js"></script>
<script src="/static/backup/assets/plugins/bootstrap-datetimepicker/js/locales/bootstrap-datetimepicker.zh-CN.js"></script>
<script src="/static/backup/assets/plugins/jstree/jstree.min.js"></script>
<script src="/static/backup/assets/plugins/select2/js/select2.full.min.js"></script>
<script src="/static/backup/assets/plugins/csrf.js"></script>
<script src="/static/backup/assets/js/index.js"></script>

<script type="text/javascript">
    $(function(){
        Index.init()
    })
</script>
</body>
</html>